//创建扑克牌函数 设置标签和其样式
function createimg(id,imgurl){
    var img = document.createElement("img");
    img.id=id;
    img.className="Not_selected";
    img.src=imgurl;
    img.style.display="inline";
    img.style.position="relative";
    img.style.bottom="0px";
    img.style.height="96px"
    // img.style.border="1px solid red";
    // 设置图片无法拖动，这个代码无法使用
    // img.ondragstart="return false";
    img.draggable = false; // 设置 draggable 属性为 false
    img.addEventListener('dragstart', function (e) {
        e.preventDefault(); // 阻止默认的拖动行为
    });
    return img;
}


// 点击事件
function handclick(element){
    if(element.className=="Not_selected"){
        element.className="Be_selected";
        element.style.bottom = "15px";
    }else if(element.className=="Be_selected"){
        element.className="Not_selected";
        element.style.bottom = "0px";
    }
    // 播放音效
    playsound("button");
    // 获取元素的id并可以进行后续操作，这里先简单打印出来
    console.log(element.id);
}

function imgurl(pokerid){
    var imgurlstr = "../resources/img/poker/"+pokerid+".png";
    return imgurlstr
}

function handpoker(container,num,imgid_list){
    //放置每张扑克牌
    for(let i=0;i<num;i++){
        var img = createimg(imgid_list[i],imgurl(imgid_list[i]));
        // 使用addEventListener绑定点击事件
        img.addEventListener('click', function () {
            handclick(this);
        });
        img.style.marginLeft = "-30px";
        container.appendChild(img);
    }
}

// 更新手牌
function remove_img(container,num,imgid_list){
    $("."+container.className).empty();
    console.log(container);
    console.log("."+container.className);
    handpoker(container,num,imgid_list);
}

// 放置地主牌
function toppoker(container,num,imgid_list){
    //放置3张扑克牌
    for(let i=0;i<num;i++){
        var img = createimg(imgid_list[i],imgurl(imgid_list[i]));
        
        container.appendChild(img);
    }
}

// 放置中间牌堆
function centerpoker(container,num,imgid_list){
    clear_centerpoker(container);
    //放置扑克牌
    for(let i=0;i<num;i++){
        var img = createimg(imgid_list[i],imgurl(imgid_list[i]));
        container.appendChild(img);
    }
}
// 清除中间牌库
function clear_centerpoker(container){
    $("."+container.className).empty();
}